﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Windows Calculator</title>
    <link href="WindowsCalculator.css" rel="stylesheet" />
</head>
<body>
    <div id="main" class="clear">
        <form>
            <img class="icon" src="calculator-icon-image.png" alt="calculator-icon" />
            <span class="name">Calculator</span>
            <input class="main-button" type="image" src="close-button-image.png" alt="close-button" />
            <input class="main-button" type="image" src="maximize-button-image.png" alt="maximize-button" disabled />
            <input class="main-button" type="image" src="minimize-button-image.png" alt="minimize-button" />
            <div class="body">
                <ul id="menu" class="clear">
                    <li><a href="#">View</a></li>
                    <li><a href="#">Edit</a></li>
                    <li><a href="#">Help</a></li>
                </ul>
                <div class="holder">
                    <div class="result section clear">
                        <input type="text" value="0" name="total" alt="total" maxlength="16" autocomplete="off" />
                    </div>
                    <div class="bits section">
                        <div class="bytes clear">
                            <span>0000</span>
                            <span>0000</span>
                            <span>0000</span>
                            <span>0000</span>
                            <span>0000</span>
                            <span>0000</span>
                            <span>0000</span>
                            <span class="last">0000</span>
                        </div>
                        <div class="bits-position clear">
                            <span>63</span>
                            <span class="second">47</span>
                            <span class="last">32</span>
                        </div>
                        <div class="bytes clear">
                            <span>0000</span>
                            <span>0000</span>
                            <span>0000</span>
                            <span>0000</span>
                            <span>0000</span>
                            <span>0000</span>
                            <span>0000</span>
                            <span class="last">0000</span>
                        </div>
                        <div class="bits-position clear">
                            <span>31</span>
                            <span class="second">15</span>
                            <span class="last">0</span>
                        </div>
                    </div>
                    <div class="buttons clear">
                        <div></div>
                        <div class="enabled">
                            <input type="submit" value="Mod" name="Mod" />
                        </div>
                        <div class="disabled">
                            <input type="submit" name="A-letter" value="A" class="disabled" />
                        </div>
                        <div class="simple-background enabled">
                            <input type="submit" name="MC" value="MC" class="simple-background" />
                        </div>
                        <div class="simple-background enabled">
                            <input type="submit" name="MR" value="MR" class="simple-background" />
                        </div>
                        <div class="simple-background enabled">
                            <input type="submit" name="MS" value="MS" class="simple-background" />
                        </div>
                        <div class="simple-background enabled">
                            <input type="submit" name="Mplus" value="M+" class="simple-background" />
                        </div>
                        <div class="simple-background enabled">
                            <input type="submit" name="Mminus" value="M-" class="simple-background" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="opening-parenthesis" value="(" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="closing-parenthesis" value=")" />
                        </div>
                        <div class="disabled">
                            <input type="submit" name="B-letter" value="B" class="disabled" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="left-arrow" value="←" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="CE" value="CE" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="C" value="C" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="plus-minus" value="±" />
                        </div>
                        <div class="disabled">
                            <input type="submit" name="square-root" value="√" class="disabled" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="RoL" value="RoL" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="RoR" value="RoR" />
                        </div>
                        <div class="disabled">
                            <input type="submit" name="C-letter" value="C" class="disabled" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="seven" value="7" class="bigger number" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="eight" value="8" class="bigger number" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="nine" value="9" class="bigger number" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="slash" value="/" />
                        </div>
                        <div class="disabled">
                            <input type="submit" name="percent" value="%" class="disabled" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="Or" value="Or" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="Xor" value="Xor" />
                        </div>
                        <div class="disabled">
                            <input type="submit" name="D-letter" value="D" class="disabled" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="four" value="4" class="bigger number" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="five" value="5" class="bigger number" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="six" value="6" class="bigger number" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="asterisk" value="*" class="bigger" />
                        </div>
                        <div class="disabled">
                            <input type="submit" name="divide-by-x" value="1/x" class="disabled" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="Lsh" value="Lsh" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="Rsh" value="Rsh" />
                        </div>
                        <div class="disabled">
                            <input type="submit" name="E-letter" value="E" class="disabled" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="one" value="1" class="bigger number" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="two" value="2" class="bigger number" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="three" value="3" class="bigger number" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="minus" value="-" class="bigger" />
                        </div>
                        <div class="equal enabled">
                            <input class="equal" type="submit" value="=" name="equal" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="Not" value="Not" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="And" value="And" />
                        </div>
                        <div class="disabled">
                            <input type="submit" name="F-letter" value="F" class="disabled" />
                        </div>
                        <div class="zero enabled">
                            <input class="zero number" type="submit" value="0" name="zero" />
                        </div>
                        <div class="disabled">
                            <input type="submit" name="period" value="." class="disabled" />
                        </div>
                        <div class="enabled">
                            <input type="submit" name="plus" value="+" class="bigger" />
                        </div>
                    </div>
                    <ul class="systems section">
                        <li>
                            <input type="radio" name="system" value="hex">
                            <label for="hex"><span>Hex</span></label>
                        </li>
                        <li>
                            <input type="radio" name="system" value="dec" checked="checked">
                            <label for="dec"><span>Dec</span></label>
                        </li>
                        <li>
                            <input type="radio" name="system" value="oct">
                            <label for="oct"><span>Oct</span></label>
                        </li>
                        <li>
                            <input type="radio" name="system" value="bin">
                            <label for="bin"><span>Bin</span></label>
                        </li>
                    </ul>
                    <ul class="data-types section">
                        <li>
                            <input type="radio" name="data-type" value="qword" checked="checked">
                            <label for="qword"><span>Qword</span></label>
                        </li>
                        <li>
                            <input type="radio" name="data-type" value="dword">
                            <label for="dword"><span>Dword</span></label>
                        </li>
                        <li>
                            <input type="radio" name="data-type" value="word">
                            <label for="word"><span>Word</span></label>
                        </li>
                        <li>
                            <input type="radio" name="data-type" value="byte">
                            <label for="byte"><span>Byte</span></label>
                        </li>
                    </ul>
                </div>
            </div>
        </form>
    </div>
</body>
</html>
